
Modal.ss-add-modal-lzw.lzw-style-modal(v-model="addModalShow" fullscreen title="公积金编号新增" @on-ok="confirmFn" :mask-closable="false")
  Form.add-modal(ref="formCustom")
    .search-form-lzw
      Row.mb-15(type="flex" justify="start") 
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 公积金编号：
          Input.input-has-border(v-model="add_securityNO" type="text" clearable)
        Col.pr-20.mb-15(span='6')
          span.red.mr-5 *
          span.label-txt 单位名称：
          Input.input-has-border(v-model="add_companyName" type="text" clearable) 
        Col.pr-20.mb-15(span='6')
          span.red.mr-5 *
          span.label-txt 参保地区：
          Cascader.input-has-border(v-model="add_area_name" placeholder="请选择参保地区" change-on-select :data="ProvinceArr" :load-data="loadDataCity" style="width:100%;"  filterable @on-change="cascaderVisibleChange")
        Col.pr-20.mb-15(span='6')
          span.red.mr-5 *
          span.label-txt 公积金方案：
          Select.input-has-border(v-model="add_planGUID" :disabled="add_dis" filterable @on-change="add_planGUIDChange")
            Option(v-for='item in add_planOptions', :value='item.value', :key='item.value') {{ item.text }}
        Col.pr-20.mb-15(span="6")
          span.label-txt 是否收款：
          i-switch(v-model="add_isReceivables" true-color="#00a4db" size="large")
            span(slot="open") 是
            span(slot="close") 否
        Col.pr-20.mb-15(span="6")
          span.label-txt 是否开票：
          i-switch(v-model="add_isInvoice" true-color="#00a4db" size="large")
            span(slot="open") 是
            span(slot="close") 否
        Col.pr-20.mb-15(span="6")
          span.red.mr-5 *
          span.label-txt 服务形式：
          Select.input-has-border(v-model="add_serviceForm" label-in-value clearable @on-change="addServiceFormChange")
            Option(v-for="item in serviceFormArr" :value="item.value" :key="item.value") {{item.text}}
        Col.pr-20.mb-15(span="6")
          span.label-txt 公积金专员：
          Select.input-has-border(v-model="add_commissionerUserId" label-in-value clearable @on-change="addCommissionerUserIdChange" filterable)
            Option(v-for="item in commissionerUserIdArr" :value="item.key" :key="item.key") {{item.value}}
        Col.pr-20.mb-15(span="6")
          span.label-txt 状态：
          i-switch(v-model="add_enabled" true-color="#00a4db" size="large")
            span(slot="open") 启用
            span(slot="close") 禁用
    Divider
    div(v-if="add_planGUID" style="position:relative")
      Spin(v-if="spinShow" size="large" fix)
      Row.mb-10.text-center(:gutter="16")
        Col(span="4") 单位/个人
        Col(span="4") 默认基数
        Col(span="4") 最低基数
        Col(span="4") 最高基数
        Col(span="4") 缴纳比例(%)
        Col(span="4") 缴纳金额
      template(v-for="(item,index) in addDetailInfo.details")
        Row.mb-10.text-center(v-if="item.company" type="flex" align="middle" :gutter="16")
          Col(span="4") 单位部分:
          Col(span="4")
            Input.input-has-border(v-model="item.company.baseAmount" type="number" clearable @on-blur="totalMoneyCompany(item)")
          Col(span="4")
            Input.input-has-border(v-model="item.company.minAmount" type="number" clearable)
          Col(span="4")
            Input.input-has-border(v-model="item.company.maxAmount" type="number" clearable)
          Col(span="4")
            Input.input-has-border(v-model="item.company.percent" clearable @on-blur="totalMoneyCompany(item)")
          Col(span="4")
            Input.input-has-border(v-model="item.company.totalAmount" type="number" clearable)
        Row.mb-10.text-center(v-if="item.employee" type="flex" align="middle" :gutter="16")
          Col(span="4") 个人部分:
          Col(span="4")
            Input.input-has-border(v-model="item.employee.baseAmount" type="number" clearable @on-blur="totalMoneyEmployee(item)")
          Col(span="4")
            Input.input-has-border(v-model="item.employee.minAmount" type="number" clearable)
          Col(span="4")
            Input.input-has-border(v-model="item.employee.maxAmount" type="number" clearable)
          Col(span="4")
            Input.input-has-border(v-model="item.employee.percent" clearable @on-blur="totalMoneyEmployee(item)")
          Col(span="4")
            Input.input-has-border(v-model="item.employee.totalAmount" type="number" clearable)
      Divider
      .search-form-lzw
        Row
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 补缴最长期限（月）：
            Input.input-has-border(v-model="addDetailInfo.payBackMaxMonth" type="number" placeholder="请输入")
          template(v-for="(item,index) in addDetailInfo.details")
            Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
              span.label-txt 收费精度：
              Select.input-has-border(v-model="item.precision" :disabled="isCheckModel" @on-change="totalMoney(item)")
                Option(v-for="i in precisionSelect" :value="i.key" :key="i.key") {{i.value}}
        Row
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 减员生效时间：
            Select.input-has-border(v-model='addDetailInfo.reduceEffectType', placement="top")
              Option(v-for='item in effectiveTime', :value='item.key', :key='item.key') {{ item.value }}
          Col.mb-15(:md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 异动操作时长：
            Input.input-has-border(v-model="addDetailInfo.changeOperateDuration" placeholder="请输入")
        Row
          Col.mb-15(v-if="addDetailInfo.increasDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 增员起止时间：
            Select.input-has-border(v-model="addDetailInfo.increasDay.begin" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="开始时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
            span.pr-10.pl-10 --
            Select.input-has-border(v-model="addDetailInfo.increasDay.end" placement="top" @on-change="increasDayVerification(addDetailInfo)" placeholder="截止时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
          Col.mb-15(v-if="addDetailInfo.reduceDay" :md="{ span: 11, offset: 1 }" :lg="{ span: 10, offset: 1 }")
            span.label-txt 减员起止时间：
            Select.input-has-border(v-model="addDetailInfo.reduceDay.begin" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="开始时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
            span.pr-10.pl-10 --
            Select.input-has-border(v-model="addDetailInfo.reduceDay.end" placement="top" @on-change="reduceDayVerification(addDetailInfo)" placeholder="截止时间")
              Option(v-for='item in endTime', :value='item.value', :key='item.value') {{ item.label }}
  template(slot="footer")
    Button(@click="addModalShow=false") 关闭
    Button(type="info" @click="confirmFn") 确定 


